/* 删除在线字体引用 */
/* @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap'); */

/* 使用本地字体文件 */
@import './assets/fonts/fonts-google.css';
/* 全局样式 */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html, body {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.5;
  background-color: #0D0E11;
  color: rgba(255, 255, 255, 0.85);
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Inter', sans-serif;
  font-weight: 600;
  letter-spacing: -0.02em;
}

p, span, a, button {
  font-family: 'Inter', sans-serif;
}

/* 自定义字体辅助类 */
.font-thin {
  font-weight: 300;
}
.font-regular {
  font-weight: 400;
}
.font-medium {
  font-weight: 500;
}
.font-semibold {
  font-weight: 600;
}
.font-bold {
  font-weight: 700;
}

/* 响应式字体大小 */
@media (max-width: 768px) {
  html {
    font-size: 14px;
  }
}

/* 过渡效果 */
a, button {
  transition: all 0.2s ease-in-out;
}

html, body, #root {
  height: 100%;
  width: 100%;
}

body {
  margin: 0;
  min-width: 320px;
  min-height: 100vh;
  overflow-x: hidden;
}

a {
  color: #6F4CFF;
  text-decoration: none;
}

a:hover {
  color: #8A6FFF;
}

.gradient-text {
  background: linear-gradient(to right, #6F4CFF, #B088FF);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.dark-gradient-bg {
  background: linear-gradient(180deg, #1a1d22 0%, #111318 100%);
}

.glow-effect {
  filter: drop-shadow(0 0 10px rgba(111, 76, 255, 0.5));
}

/* 自定义滚动条 */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.1);
}

::-webkit-scrollbar-thumb {
  background: rgba(111, 76, 255, 0.3);
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: rgba(111, 76, 255, 0.5);
}

/* 亮色主题样式调整 */
.light-steps .ant-steps-item-title {
  color: rgba(0, 0, 0, 0.85) !important;
}

.light-steps .ant-steps-item-description {
  color: rgba(0, 0, 0, 0.65) !important;
}

.light-steps .ant-steps-item-icon {
  background-color: #fff !important;
  border-color: #6F4CFF !important;
}

/* 主题过渡效果 */
.ant-layout,
.ant-layout-sider,
.ant-layout-content,
.ant-card,
.ant-typography,
.ant-menu,
.ant-btn,
.ant-steps-item-container {
  transition: all 0.3s ease-in-out;
}
